<template>
	<view class="box">
		<image src="../../static/jifen/u1072.png" mode="" class="tp"></image>
		<view class="wzstyle1 exchange yanse">兑换成功</view>
		<view class="mode">
			<uni-icons type="cart" size="20" color="#999999"></uni-icons><text class="wzstyle yanse">支付方式</text><text class="wzstyle red">积分支付</text>
		</view>
		<view class="integral">
				<uni-icons type="wallet" size="20" color="#999999"></uni-icons><text class="wzstyle yanse">支付积分</text><text class="wzstyle red">{{dataArr.goodsIntegration}}</text>
		</view>
		<view class="Button">
			<button type="default" class="see wzstyle yanse" @click="chakan">
				<text class="yanse" >查看订单</text>
				
				</button>
		</view>
		
		
	</view>
	<view class="tail">
		<view class="reminder wzstyle yanse">
			温馨提示:
		</view>
		<view class="Tips wzstyle yanse">
			平台不会以订单异常、系统升级为由要求您点击任何网址链接进行退款操作。
		</view>
	</view>
</template>

<script>
	import {
		reactive
	} from 'vue';
	import {
		onLoad
	} from '@dcloudio/uni-app';
	import myRequest from '../../utils/myRequest.js';
	export default {
		setup(){
			
			let data =reactive({
					goodsId: "",
					dataArr: "",
					CommodityInformation: function(i) {
							myRequest({
								url: "/getgoodsId",
								method: 'POST',
								data: {
									id: i
								},
							}).then((res) => {
								if (res.data.code == 200) {
						
									data.dataArr = res.data.data[0]
						
									console.log(data.dataArr)
						
								}
							})
					},
					chakan(){
						uni.navigateTo({
							url: '/pages/My/ChildrenPage/MyOrder'
						});
					}
			})
				// let data = reactive({
				
					
				// }),
				onLoad((option) => {
				
					data.goodsId = option.id;
					data.CommodityInformation(option.id);
				
				
				});
				return data;
					
					
					
					
		}
	}
</script>

<style lang="scss">
	.yanse{
		color: #999999;
	}

	.tail{
		padding-left:25rpx ;
		padding-right: 25rpx;
	}
	
	.Button .see{
		text-align: center;
		height: 86rpx;
		line-height: 86rpx;
	}
	.box .see{
		width: 256rpx;
		height: 86rpx;
	}
	.red{
		color: #FF0000;
	}
	.exchange{
		margin-bottom: 40rpx;
	}
	.mode{
		padding-left: 200rpx;
		padding-right: 200rpx;
		display: flex;
		justify-content:  space-around;
		margin-bottom: 40rpx;
	}
	.integral{
			margin-bottom: 40rpx;
		padding-left: 200rpx;
		padding-right: 200rpx;
		display: flex;
		justify-content: space-around;
	}
.box{
	text-align: center;
	padding-top: 120rpx;
	margin-bottom: 40rpx;
}
.box>image{
	width: 142rpx;
	height: 108rpx;
	margin-bottom: 40rpx;
}
.wzstyle{
	font-size: 30rpx;
}
.wzstyle1{
	font-size: 45rpx;
}
</style>
